<template>
	<u-iamge :width="width" :height="height" :src="src" :mode="mode" border-radius="borderRadius">
		<image class="order-message-img" src="../../static/loading.gif" mode="scaleToFill" slot="loading"></image>
		<image class="order-message-img img_fail" src="../../static/imgLoading_fail.png" mode="scaleToFill" slot="error"></image>
	<u-iamge>
</template>

<script>
	export default {
		props:{
			src:{
				type:String,
				default(){
					return ''
				}
			},
			mode:{
				type:String,
				default(){
					return 'aspectFill'
				}
			},
			width:{
				type:String,
				default(){
					return '100%'
				}
			},
			height:{
				type:String,
				default(){
					return '100%'
				}
			},
			borderRadius:{
				type:String,
				default(){
					return '3vw'
				}
			}
		}
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>
